<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		#pic{
			position: absolute;
			left: 100px;
			top: 100px;		}
			
			.box{
				width: 200px;
				height: 25px;
				margin: 0;
				padding: 0;
				border: 1px solid #2B93D2;
			}
	</style>
	<body onkeypress="move(event)">
		<div>
			<input type="text" name="s" id="s"  />
			<input type="button" value="按钮" onclick="date1()" />
				<input type="button" value="按钮1" onclick="years()" />
					<input type="button" value="数组的和" onclick="ji()" />
					<p>将数组3,5,5,7,2,1,13,15,17,19 按照规则排列</p>
						<input type="button" value="数组查找" onclick="max1()" />
						<input type="button" value="生存" onclick="life()" />
						<input type="button" value="游戏" onclick="game()" />
						<hr/>
						<img src="img/ip.jpg" width="50rem" height="50rem" id="pic">
					     <p><input type="button" value="变大" onclick="bianda(); suoding();" /></p>
					     <input type="button" value="点击移动图片"  />
					     <div id='actwz' onmouseover="be()" onmouseout="hf()" style="color: #000000; background: auto; font-size: 16px;">这是一段可操作文字</div>
		</div>
		
		<input type="button" id ="btn9" value="1" onclick="suoding(event);" />
		<input type="button" id ="btn8" value="1" onclick="suoding(event);" />
		<input type="button" id ="btn7" value="1" onclick="suoding(event);" />
		<hr/>
		<div class="box" id="box">
			
			
		</div>
		<input type="button" value="开始" onclick="jindutiaostar()"/>
		<input type="button" value="暂停" onclick="jindutiaostop()"/>
		<script>
			
			
//			function date1(){
//			var a = document.getElementById("s").value;
//			 	function dayin(){
//			 			 if (a>10){
//			 			 	alert("输入有误");
//			 			 	return;
//			 			 }
//			 		
//			 		
//			 		
//			 			for(var i =a ; i>=2; i--){
//			 			for(var j =1 ; j<=i ; j++){
//			 				document.write(i)
//			 			}
//			 			document.write("<br />")
//			 		}
//			 		
//			 		
//			 		for(var i =1 ; i<=a; i++){
//			 			for(var j =1 ; j<=i ; j++){
//			 				document.write(i)
//			 			}
//			 			document.write("<br />")
//			 		}
//			 		
//			 		
//			 	}
//			
//			
//			dayin();
//			
//			}
//			
//			function years(){
//				var a = document.getElementById("s").value;
//				
//				 if(a%100==0&&a%400!=0){
//						alert("false")
//						}
//					
//				else if(a%4==0){
//					  alert("true");
//							}
//				 else if(a%100==0&&a%400==0){
//				 	alert("true")
//				 	
//				 }
//					
//				}
//			
//			var s1 = prompt("请输出任意字符");
//			var len = s1.length;
//			var s2 = "";
//			for(var i =len-1 ; i>=0 ; i-- ){
//				
//				var temp = s1.charAt(i);
//				s2 =  s2+ temp;
//			}
//			
//			var shou = s2.charAt(0).toUpperCase();
//			var wei = s2.charAt(len-1).toUpperCase();
//		  s2 = s2.substring(1,len-1);
//		 
//		  s2 = shou +s2 + wei;
//		  document.write(s2);
//		
			
//			function  ji(){
//				var s1 = 0 ;
//				var s2 = 0;
//				var j1 = 0;
//				var j2 = 0;
//				var c = 0 ;
//				var arr1 = [3,5,5,7,1,11,13,15,17,19] 
//				for(let i = 0 ;i<arr1.length;i++)
//				{  
//					if(arr1[i]%2!=0){
//				   s2 = s2 + arr1[i];
//				      c = c+1
//						
//					}
//					j2=s2/c;
//					
//					
//					s1 = s1 +arr1[i];
//				}
//				j1 = s1 / arr1.length;
//			
//				 console.log(j2);
//			}

//			function max1(){
//					var arr1 = [3,5,5,7,2,1,13,15,17,19] 
//					var len = arr1.length;
//					var maxnum = 0;
//					var minnum = 0;
//			        var sub = 0 ;
//			        var a = 0;
//			        var b = 0 ;
//					for(var i =1 ; i<=len ; i++)
//					{
//						if(arr1[i-1]<arr1[i])
//						{
//							maxnum = arr1[i]	
//							a = i ; 
//						}
//					}
//					console.log("最大值"+a);
//					
//					for(var i =1 ; i<=len ; i++)
//					{
//						if(arr1[i-1]>arr1[i])
//						{
//							minnum = arr1[i];
//							b = i ;
//						}
//					
//					}
//					console.log("最小值"+b);
//				     sub = b;
//				     b = a;
//				     a = sub;
//				     
//				     arr1[b] = minnum;
//				     arr1[a] = maxnum;
//				     
//					
//					console.log(arr1)
//			}
//               function life(){		
//			var d1  = new Date();
// 			var d2 = new Date("1994/12/02");
// 			var n1 =  d1.getTime();
// 			var n2 = d2.getTime();
// 			var n3 = n1 - n2 ;
// 			var n4 = n3/1000/60/60/24;
// 			n4 = parseInt(n4)  
// 			
//			alert(n4);
//			}	
//			
			function game(){
				var w = document.getElementById("s").value;
				let shou1 = 0;
				if(w=="石头")
				{
					shou1 = 1;
					
				}
				else if (w=="剪刀"){
					shou1 = 2 ;
				}
				else if (w=="布" )
				
				{
					shou1 = 3 ; 
				}
				else{
					
					w = "";
					alert("输入错误")
					
				}
				
				var diannao = Math.floor(Math.random()*3+1)
				
				if(w==diannao){
					alert("平局");
				}
					
				else if(shou1==3 && diannao==2){
					alert("电脑出的剪刀,你出的布,电脑赢了")
				}
				else if(shou1==3 && diannao==1){
					alert("电脑出的石头,你出的布,你赢了")
				}
				else if(shou1==2 && diannao==1){
					alert("你出的剪刀,电脑出的石头,电脑赢了")
				}
				else if(shou1==2 && diannao==3){
					alert("你出的剪刀,电脑出的布,你赢了")
				}
				else if(shou1==1 && diannao==2){
					alert("电脑出的剪刀,你出的石头,你赢了")
				}
				else if(shou1==1 && diannao==3){
					alert("电脑出的布,你出的石头,电脑赢了")
				}
				
				
			}
			function pingjun(){
			var arr2 = [8,8,8,9,7,5,7,6,]
			var len2 = arr2.length;
			var  sum1 = 0;
			var ping = 0;
			
			for(var i = 0 ; i<len2; i++ ){
				
				sum1 = arr2[i]+sum1;
				console.log(sum1);
			}
			
			ping = sum1/len2;
				for(var i = 0 ; i<len2; i++ ){
				if(arr2[i]>ping){
					console.log("比平均数大的有"+arr2[i])
				}
				else if(arr2[i]<ping){
					console.log("比平均数小的有"+arr2[i])
				}
			}
			
			}
			pingjun();
			function bianda(){
				var pic = document.getElementById("pic");
				pic.width = pic.width+50;
				pic.height = pic.height+50;
				
			}
			
			function be(){
			var obj1 = document.getElementById("actwz");
			obj1.style.color= "red";
			obj1.style.fontSize="30px";
			obj1.style.background="blue";
			obj1.align = "center"
			}
			function hf(){
				var obj1 = document.getElementById("actwz");
			obj1.style.color= "black";
			obj1.style.fontSize="16px";
			obj1.style.background="transparent";
			obj1.align="left";
	
			}
				var x = 100;
				var y = 100;
			 function move(evt){
			 	var objx = document.getElementById("pic");
			 	var code = evt.keyCode;
//			 	alert(code);
					//左
 					if(code==97){
 									x-=10;
 					objx.style.left = x+"px";
 					
 					}	
 					//上
 					else if(code==119){
 								y-=10;
 					objx.style.top = y+"px";
 					
 					}	
 					//右
 					 else if(code==100){
 					x+=10;
 					objx.style.left = x+"px";
 					
 					}
 					 //下
 					else if (code==115){
 					y+=10;
 					objx.style.top = y+"px";
 					
 					}
			 	
			 }
			
			function suoding(event){
				var objy = event.target;
				var s = objy.value;
				objy.value = parseFloat(s)+1;
				
				
			}
			var n = 0 ;
			function jindutiao(){
				//先做一个装进度条的盒子
			
				//然后每秒画一个方块向右画
				var fang = document.createElement("div");
				fang.style.width = 20+"px";
				fang.style.height = 25+"px";
				fang.style.float = "left";
				fang.style.backgroundColor = "red";
				var box = document.getElementById("box");
				var x = 
				box.appendChild(fang);
				n++
				if(n==10){
					
					clearInterval(kzjdt);
					
				}
			
				//点击停止按钮
			}
			function jindutiaostar(){
				
			   kzjdt =	setInterval("jindutiao()",1000)
			}
			function jindutiaostop(){
				clearInterval(kzjdt);
			}
		
			
			
		</script>
	</body>
</html>
